<template>
  <div class="mine-page" :class="[theme]">
    <div class="p-4">
      <TabSwitcher :tabs="tabs" @tab-change="changeTab" :activeTab="activeTab"/>
    </div>
  </div>
</template>

<script setup lang="ts">
import {ref} from 'vue';
import { useAppStore } from '../store/app'
import { storeToRefs } from 'pinia';
const { theme } = storeToRefs(useAppStore());
const tabs = ref([
  {
    label: '安全设置'
  },
  {
    label: '谷歌验证器'
  },
])
const activeTab = ref(0)
const changeTab = (val:any) => {
  activeTab.value = val
}
</script>
<style scoped lang="scss">
.mine-page {  
  height: 100%; 
}
</style>
